/* 
Theme Name: boergen.de
last updated: 29.06.2023
*/

/* ########## basics and typography ######### */

body {
	margin: 0;
	padding: 0;
	background: #031052;
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	color: #D7D7D7;
}

#topban {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 0px 0px;
	/*background: #4A4A4A;*/
 	/*background-image: url(../pics/bg-topban.gif);*/
	/*background-repeat:no-repeat;*/
	border-bottom: 1px solid #ffffff;
}

h1.topban {
	font-family: "Trebuchet MS", "serif";
	margin: 10px 0px 0px 5px;
	line-height: 34px;
	letter-spacing:1px;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	text-transform: none;
}

h3.topban {
	font-family: "Trebuchet MS", "serif";
	margin: 5px 0px 0px 5px;
	line-height: 18px;
	letter-spacing:1px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

table.wrappertable {
	margin: 5px 0px 10px 0px;
}

#clearer {
	clear: both;
	height:1px;
	background: #ffffff;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#content {
	width: 810px;
	font-size: 13px;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 0px solid #CCCCCC;
	background: #031052;
	/*background: #051C85;*/

}

#contentbody {
	font-size: 13px;
	/*line-height: 1.8em;*/
	color: #cccccc;
	margin: 0px;
	padding: 5px 0px 10px 50px;
	text-align: left;
	border: 0px solid #CCCCCC;
}

/*###################################################################################*/

/* http://www.just2b.com/mein-typo3/css-ts-menues/vertikales-dropdown-menue.html */

#navigation {
	width: 170px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

ul#nav,
ul#nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background: #031052; /* IE6 Bug */
	color: black;
	font-size:100%;
	position: relative;
	z-index: 10000;
	}
 
ul#nav li {
	position: relative;
	list-style: none;
	}
 
ul#nav li a, ul#nav li.menuparentactive ul li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size:13px;
	color: #ffffff;
	padding: 8px 5px 8px 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}
	
ul#nav li.active a, ul#nav li.menuparentactive a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
	color: #ffdb00;
	padding: 8px 5px 8px 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	/*background: #031052;*/ /* IE6 Bug */
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}
 
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
 
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul,
ul#nav li.over ul, ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */
 
ul#nav li.menuparent { background: transparent url(arrowwhite.gif) right center no-repeat; }
ul#nav li.menuparentactive { background: transparent url(arrowwhite.gif) right center no-repeat; }
 
/*ul#nav li.menuparent:hover, ul#nav li.menuparentactive:hover,
ul#nav li.over { 
	background-color: #f9f9f9; 
}*/

ul#nav li.menuparent a:hover { 
	color: #ffdb00;
}

/*
ul#nav li a:hover { 
	color: #031052; 	
}

ul#nav li.active a:hover { 
	color: #031052; 	
}
*/

/* ########## end navigation ######### */

#contentbodypixlightbox {
	float: right;
	font-size: 13px;
	color: #000000;
	line-height: 1.8em;
	margin: 40px 0px 20px 20px;
	padding: 8px;
	text-align: left;
	background: #D7D7D7;
	border: 1px solid #A5A5A5;
}

#contentbodypixlightbox img.objekte {
	margin: 8px;
	padding: 0px;
	text-align: left;
	border: 1px solid #fff;
}

a.lightbox:link { color: #fff; }
a.lightbox:visited { color: #fff; }

#contentbodywhite {
	/*width: 100%;*/
	/*float: left;*/
	font-size: 13px;
	color: #0000A0;
	line-height: 1.8em;
	margin: 0px;
	padding: 40px;
	text-align: left;
	background: #fff;
	border: 0px solid #CCCCCC;
}

/* ########## fonts ######### */

a {
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	text-decoration: underline;
	color: #ffffff;
}

a:link { font-weight: bold; color: #ffffff; text-decoration: none; }
a:visited { color: #ffdb00; }
a:hover, a:active { color: #ffffff; text-decoration: underline; }

.wtnavitable a:link, .wtnavitable a:visited, .wtnavitable a:active { font-weight: bold; color: #ffffff; text-decoration: none; }
.wtnavitable a:hover { color: #ffffff; text-decoration: underline; }

h1 {
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	margin: 10px 0px 10px 0px;
	line-height: 28px;
	letter-spacing:1px;
	font-size: 26px;
	font-weight: bold;
	color: #cccccc;
	/*text-transform: lowercase;*/
}

h2 {
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
	letter-spacing:1px;
	font-size: 20px;
	font-weight: normal;
	color: #cccccc;
}

h3, h4 {
	font-family: "Trebuchet MS", "verdana", "sans-serif";
	margin: 10px 0px 10px 0px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #cccccc;
}

h2.white {
	font-family: "verdana", "sans-serif";
	margin: 10px 0px 10px 0px;
	/*line-height: 34px;*/
	/*letter-spacing:1px;*/
	font-size: 28px;
	font-weight: normal;
	color: #ffffff;
}

.fff {
	color: #fff;
}

.red {
	color: #ff0000;
}

#footer {
	align: center;
	width: 980;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
	/*background: #D7D7D7;*/
}

#footerbody {
	font-size: 10px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #ffffff;
	/*background: #D7D7D7;*/
}

a.footnav {
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	font-size: 11px;
	text-decoration: none;
	color: #99CC33;
}

a.footnav:link { color: #99CC33; }
a.footnav:visited { color: #99CC33; }
a.footnav:hover, a.sidenav1:active { color: #99CC33; text-decoration: underline; }

td {
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Trebuchet MS", "Arial", "sans-serif";
	text-decoration: none;
	color: #ffffff;
}


input, textarea, select {
	border: 1px solid #761138;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
	font-family: "Arial", sans-serif;
	margin-bottom: 5px;
	margin-right: 10px;
}

/*################################  FORMULARE      ###############################*/

.csc-mailform {
	border: none; /* Rand ausschalten */
}

.csc-mailform-field {
	clear:both;
}

.csc-mailform-label {
	font-family: "verdana", "sans-serif";
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #761138;
}

.csc-mailform-field label {
	float:left;
	clear:both;
	display:block;
	width:150px;
	padding-left:0px;
	margin-bottom:10px;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
	float:left;
	display:block;
	width:180px;
	border: 1px solid #333;
	background:#F4F4F4;
	padding:1px;
	margin-bottom:10px;
}

.csc-mailform-radio #mailformZimmertyp, .csc-mailform-radio #mailformZimmertyp2 {
	width:160px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.csc-mailform-radio input {
	float:left;
	/*clear:left;*/
	display:block;
	/*clear:both;*/
	width:10px;
	padding:1px;
	padding:0px;
	margin:0px;
	height:15px;
}
.csc-mailform-radio label {
	float:left;
	/*clear:none;*/
	clear:right;
	/*clear:both;*/
	display:block;
	width:50px;
	padding-left:10px;
	/*margin-bottom:10px;*/
	/*padding: 0px;*/
	margin: 0px;
	height:15px;
}

.csc-mailform-submit {
	/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-left: 150px;
	/* Float wieder abschalten */
	clear: both;
}

#galeriedisclaimer {
	/*border-top: 1px solid #ffffff;*/
	padding-top:20px;
	width:500px;
	text-align:left;
	font-size: 11px;
	line-height: 14px;
	color:#ffffff;
}

/* Table */
.contenttable { width: 100%; max-width: 100%; }
.contenttable th, .contenttable td { padding: 0.5em 0.75em; vertical-align: top; }
.contenttable thead th { font-weight: bold; border-bottom: 2px solid #dadada; }
.contenttable th, .contenttable td { border-top: 1px solid #dadada; }
.contenttable-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.contenttable-bordered th, .contenttable-bordered td { border: 1px solid #dadada; }